昨天已經裝好 Node.js,以及課程裡面推薦安裝的終端機 app Hyper。Command line 跟第四天所記下的 command line 大同小異,所以主要是了解為何要裝 Node.js。
裝好 Node.js 的框架後,終端機可以執行 .js 檔案,就不用再開 chrome 了。
首先先 cd 到自己的資料夾
(base) wwwsss@wwwsssdeMacBook-Pro Desktop % cd front-end_projects
然後用 touch 創建一個 js 檔案
(base) wwwsss@wwwsssdeMacBook-Pro Desktop nodeJS % touch index.js
然後去 js 裡面先打好:
console.log('YEAH!')
接著使用 Node.js 來開啟這個檔案,再來看看他在 Hyper 裡的結果:
(base) wwwsss@wwwsssdeMacBook-Pro nodeJS % node index.js
//* YEAH!
或是也可以直接打 node 進入 Read Evaluation Print Loop。好,這個我翻成直接翻成中文也很難找到對應的人類社會體驗。Google 了一下,維基百科簡單地介紹了一下這過詞是什麼意思:
「讀取-求值-輸出」循環(英語:Read-Eval-Print Loop,簡稱REPL),也被稱做交互式頂層構件(英語:interactive toplevel),是一個簡單的,交互式的編程環境。
OK,所以接下來打了 node 之後,可以直接在 Hyper 終端機裡面執行 Javascript:
(base) wwwsss@wwwsssdeMacBook-Pro nodeJS % node
Welcome to Node.js v16.17.0.
Type ".help" for more information.
> console.log('WOW, Im in the REPL!!')
WOW, Im in the REPL!!
或是也可以寫個簡單的 function,然後再 console.log 他:
> function hello(){console.log('this is the hello function';}
function hello(){console.log('this is the hello function';}
^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Uncaught SyntaxError: missing ) after argument list
> function hello(){console.log('this is the hello function');}
undefined
//* 顆顆少打了一個括號
> console.log(hello())
this is the hello function
>
如果需要提示的話,先打一半,然後按下 tab
> con
//* 這邊按下「 tab 」
const continue
console constants
constructor
//* 出現 con- 開頭並可以用的 command
然後離開 node 的話,可以用 .exit,要有「點」在前面。
> .exit
(base) wwwsss@wwwsssdeMacBook-Pro nodeJS %
或是按 ctrl+c 然後跟著指示走:
>
(To exit, press Ctrl+C again or Ctrl+D or type .exit)